﻿.circle {
    display: inline-block;
    position: relative;
}

.circle-progress {
    transition: stroke-dashoffset .3s linear;
}

.circle-primary {
    stroke: #1593FF;
}

.circle-danger {
    stroke: #dc3545;
}

.circle-success {
    stroke: #28a745;
}

.circle-warning {
    stroke: #ffc107;
}

.circle-info {
    stroke: #17a2b8;
}

.circle-secondary {
    stroke: #6c757d;
}

.circle-dark {
    stroke: #343a40;
}

.circle-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
